<template>
	<div class="image-view">
		<template v-if="images.length > 0">
			<img v-for="(item, index) in images" :key="index" :src="item.url" />
		</template>
		<div v-else class="view-empty">{{ view.name }}</div>
	</div>
</template>
<script>
export default {
	name: "image-view",
	props: {
		view: {
			type: Object,
			default: () => ({})
		}
	},
	computed: {
		options() {
			return this.view.options;
		},
		images() {
			return this.options.images;
		}
	}
};
</script>
<style lang="scss" scoped>
.image-view {
	// min-height: 50px;
}
</style>
